<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="../../css/base.css" rel="stylesheet">
    <link href="../../css/zTreeStyle.css" rel="stylesheet">
</head>
<body>
<div id="loading" class="loading" >加载中…</div>
<div id="shade-div" class="shade-div hide"></div>
<div id="header" >
    <div class="logo"><img src="../../images/logo.png" alt="网信管理台" /></div>
    <div class="extra">
        <span class="txt">亲爱的XXX，欢迎您使用管理平台！</span>
        <span class="links">|<a href="../login.html">退出</a></span>
    </div>
</div>
<div id="side">
    <ul id="nav" class="nav">
        <li class="parent-menu">
            <h2 class="nav-hd arrow-up"><i></i>账号管理</h2>
            <ul class="sub-list">
                <li><a href="../accountManagement/accountManagement.html">账号管理</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd arrow-down"><i></i>用户管理</h2>
            <ul class="sub-list"  style="display:block;">
                <li><a href="dataImport.html">数据管理</a></li>
                <li><a href="organizationAndManagement.html">用户管理</a></li>
                <li><a href="groupManagement.html">群组管理</a></li>
                <li class="cur"><a href="virtualGroup.html">虚拟组管理</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd arrow-up"><i></i>用户权限管理</h2>
            <ul class="sub-list">
                <li><a href="../userPrivilegeManagement/rightsManagement.html">功能权限</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd arrow-up"><i></i>配置管理</h2>
            <ul class="sub-list">
                <li><a href="../dataConfiguration/parameterConfiguration.html">系统参数配置</a></li>
                <li><a href="../dataConfiguration/userConfiguration.html">用户参数配置</a></li>
                <li><a href="../dataConfiguration/enterpriseLogo.html">企业配置</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd  arrow-up"><i></i>消息管理</h2>
            <ul class="sub-list">
                <li><a href="../messageManagement/offlineMessage.html">离线消息</a></li>
                <li><a href="../messageManagement/offlineFiles.html" >离线文件</a></li>
                <li><a href="../messageManagement/sensitiveWords.html" >敏感词管理</a></li>
                <li><a href="../messageManagement/systemMessage.html" >系统消息</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd arrow-up #nav1"><i></i>统计分析</h2>
            <ul class="sub-list">
                <li><a href="../statisticalQuery/statisticalData.html">在线用户统计</a></li>
                <li><a href="../statisticalQuery/statisticalData1.html">发布消息统计</a></li>
                <li><a href="../statisticalQuery/statisticalData2.html">文件传送统计</a></li>
                <li><a href="../statisticalQuery/statisticalData4.html">归档消息统计</a></li>
                <li><a href="../statisticalQuery/statisticalData3.html">客户端信息统计</a></li>
                <li><a href="../statisticalQuery/notLoggedIn.html">最近N天未登录</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd arrow-up"><i></i>升级管理</h2>
            <ul class="sub-list" style="display: none;">
                <li><a href="../upgradeManagement/clientVersion.html">客户端管理</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd arrow-up"><i></i>监控管理</h2>
            <ul class="sub-list" style="display: none;">
                <li class=""><a href="../systemMonitoring/monitoringConfiguration.html">系统监控配置</a></li>
                <li class=""><a href="../systemMonitoring/monitoringResults.html">系统监控结果</a></li>
                <li class=""><a href="../systemMonitoring/systemTesting.html">拨测客户端</a></li>
            </ul>
        </li>
        <li class="parent-menu">
            <h2 class="nav-hd arrow-up"><i></i>日志管理</h2>
            <ul class="sub-list">
                <li><a href="../platformManagement/managementSystemOperationLog.html" >管理台操作日志</a></li>
            </ul>
        </li>
    </ul>
</div>
<div id="main">
<div id="content" class="orgStr" >
    <div class="hd">
        <span>虚拟组管理</span>

        <a href="javascript:;" class="blue-btn btn fr exportVirtual">导出虚拟组</a>
        <a href="javascript:;" class="blue-btn btn fr importVirtual" style="margin: 0 10px;">导入虚拟组</a>
        <a href="newVirtualGroup.html" class="blue-btn btn fr" style="margin-left: 10px">新建虚拟组</a>
    </div>
    <div class="fl groupLeft">
        <ul>
            <li><a href="javascript:;">虚拟组名称1</a></li>
            <li><a href="javascript:;">虚拟组名称1</a></li>
            <li><a href="javascript:;">虚拟组名称1</a></li>
            <li><a href="javascript:;">虚拟组名称1</a></li>
            <li><a href="javascript:;">虚拟组名称1</a></li>
            <li><a href="javascript:;">虚拟组名称1</a></li>
            <li><a href="javascript:;">虚拟组名称1</a></li>
            <li><a href="javascript:;">虚拟组名称1</a></li>
        </ul>
    </div>
    <div class="groupRight">
        <div class="search-box" style="border-top: none;margin-top: 0">
            <h3 style="display: inline-block;">虚拟组名称1</h3>
            <span>（共109人）</span>
            <a href="javascript:;" class="reName" style="color: #106da6;margin: 0 10px;">重命名</a>
            <a href="javascript:;" class="delete" style="color: #106da6;margin: 0 10px;">删除</a>
        </div>
        <div class="tab-box" style="margin-top: 0">
            <ul>
                <li class="cur"><a href="javascript:;">成员</a></li>
                <li><a href="javascript:;">属性</a></li>
            </ul>
        </div>
        <div class="num1 num" style="display: block;">
            <div class="search-box" style="border-top: none;margin-top: 0">
                <form action="" method="" class="fl">
                    <input type="text" class="itext gray" value="输入姓名、工号等进行查询" id="findGroup">
                    <button class="btn blue-btn" type="submit">查 询</button>
                </form>
                <a href="javascript:;" class="btn blue-btn fr" id="newMembers">添加成员</a>
            </div>
            <ul class="memberList">
                <h1>
                    <input type="checkbox" id="checkBox1">
                    <a href="javascript:;" class="removeMem">全部移除</a>
                    <select class="fr"><option>显示10行</option><option>显示20行</option><option>显示50行</option></select>
                </h1>
                <li class="step1">
                    <p class="one">
                        <input type="checkbox">
                        <span>一级部门</span>
                    </p>
                    <p class="two">
                        大连万达集团/信息中心/行政部
                    </p>
                    <p class="three">
                        <a href="javascript:;"  class="removeMem">移除</a>
                    </p>
                    <ul>
                        <li class="step2">
                            <p class="one">
                                <input type="checkbox">
                                <span>二级部门</span>
                            </p>
                            <p class="two">
                                部门路径
                            </p>
                            <p class="three">
                                <a href="javascript:;"  class="removeMem">移除</a>
                            </p>
                            <ul>
                                <li class="step3">
                                    <p class="one">
                                        <input type="checkbox">
                                        <span>三级部门</span>
                                    </p>
                                    <p class="two">
                                        部门路径
                                    </p>
                                    <p class="three">
                                        <a href="javascript:;"  class="removeMem">移除</a>
                                    </p>
                                </li>
                                <li class="step3">
                                    <p class="one">
                                        <input type="checkbox">
                                        <span>三级部门</span>
                                    </p>
                                    <p class="two">
                                        部门路径
                                    </p>
                                    <p class="three">
                                        <a href="javascript:;"  class="removeMem">移除</a>
                                    </p>
                                </li>
                                <li class="step3">
                                    <p class="one">
                                        <input type="checkbox">
                                        <span>三级部门</span>
                                    </p>
                                    <p class="two">
                                        部门路径
                                    </p>
                                    <p class="three">
                                        <a href="javascript:;"  class="removeMem">移除</a>
                                    </p>
                                </li>

                            </ul>
                        </li>
                        <li class="step2">
                            <p class="one">
                                <input type="checkbox">
                                <span>二级部门</span>
                            </p>
                            <p class="two">
                                部门路径
                            </p>
                            <p class="three">
                                <a href="javascript:;"  class="removeMem">移除</a>
                            </p>
                        </li>
                        <li class="step2">
                            <p class="one">
                                <input type="checkbox">
                                <span>二级部门</span>
                            </p>
                            <p class="two">
                                部门路径
                            </p>
                            <p class="three">
                                <a href="javascript:;"  class="removeMem">移除</a>
                            </p>
                        </li>
                        <li class="step2">
                            <p class="one">
                                <input type="checkbox">
                                <span>二级部门</span>
                            </p>
                            <p class="two">
                                部门路径
                            </p>
                            <p class="three">
                                <a href="javascript:;"  class="removeMem">移除</a>
                            </p>
                        </li>

                    </ul>
                </li>
                <li class="step1">
                    <p class="one">
                        <input type="checkbox">
                        <span>一级部门</span>
                    </p>
                    <p class="two">
                        部门路径
                    </p>
                    <p class="three">
                        <a href="javascript:;"  class="removeMem">移除</a>
                    </p>
                </li>
                <li class="step1">
                    <p class="one">
                        <input type="checkbox">
                        <span>一级部门</span>
                    </p>
                    <p class="two">
                        部门路径
                    </p>
                    <p class="three">
                        <a href="javascript:;"  class="removeMem">移除</a>
                    </p>
                </li>
                <li class="step1">
                    <p class="one">
                        <input type="checkbox">
                        <span>一级部门</span>
                    </p>
                    <p class="two">
                        部门路径
                    </p>
                    <p class="three">
                        <a href="javascript:;"  class="removeMem">移除</a>
                    </p>
                </li>
            </ul>
            <div class="pages" style="margin-bottom: 10px;">
                <span class="page-total">共<b>70</b>条记录&nbsp;&nbsp;&nbsp;第<b class="curPage">1</b>页&nbsp;&nbsp;&nbsp;共7页</span>
                <a href="#" class="prev">首页</a>
                <a href="#" class="prev">上一页</a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">6</a>
                <a href="#">7</a>
                <a href="#" class="next">下一页</a>
                <a href="#" class="next">末页</a>
                <span class="extra">跳到第<input type="text" class="itext" />页</span>
                <a href="javascrip:;" class="page-btn">确定</a>
            </div>

        </div>

        <div class="num2 num">
            <div class="search-box" style="border-top: none;margin-top: 0">
                <a href="javascript:;" class="btn blue-btn fr">保存</a>
            </div>
            <ul class="configureList">
                <li class="list1">
                    <input type="checkbox"> <strong>特殊接入</strong>
                    <select disabled="disabled" style="margin-left: 10px">
                        <option>接入服务器1</option>
                        <option>接入服务器2</option>
                    </select>
                </li>
               <!-- <li class="list2">
                    <input type="checkbox"> <strong>加群确认</strong>
                    <a href="javascript:;" style="margin: 0 10px;color: #106da6;display: none;">设置代理人</a>
                </li>-->
                <li>
                    <input type="checkbox" id="a"> <strong>隐藏</strong>
                    <input type="checkbox" disabled="disabled" class="a" id="b"> 全部隐藏
                    <input type="checkbox" disabled="disabled" class="a b"> 资料隐藏
                    <input type="checkbox" disabled="disabled" class="a b"> 状态隐藏
                    <input type="checkbox" disabled="disabled" class="a b"> 禁止会话
                </li>
            </ul>

                <ul class="memberList memberList1">
                    <h1 style="border-bottom: 2px solid #3c4a5c;text-align: right;padding: 5px 10px">
                        <strong class="fl" style="line-height: 30px;">白名单</strong>
                        <button class="blue-btn btn adds">添加</button>
                    </h1>
                    <h1 style="background: #fff">
                        <input type="checkbox" id="check1">
                        <a href="javascript:;" class="delete" >删除</a>
                    </h1>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                        <ul>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                                <ul>
                                    <li class="step3 clearfix">
                                        <p class="one">
                                            <input type="checkbox">
                                            <span>三级部门</span>
                                        </p>
                                        <p class="two">

                                        </p>
                                        <p class="three">
                                            <a href="javascript:;"  class="removeMem">移除</a>
                                        </p>
                                    </li>
                                    <li class="step3 clearfix">
                                        <p class="one">
                                            <input type="checkbox">
                                            <span>三级部门</span>
                                        </p>
                                        <p class="two">

                                        </p>
                                        <p class="three">
                                            <a href="javascript:;"  class="removeMem">移除</a>
                                        </p>
                                    </li>
                                    <li class="step3 clearfix">
                                        <p class="one">
                                            <input type="checkbox">
                                            <span>三级部门</span>
                                        </p>
                                        <p class="two">

                                        </p>
                                        <p class="three">
                                            <a href="javascript:;"  class="removeMem">移除</a>
                                        </p>
                                    </li>

                                </ul>
                            </li>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                            </li>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                            </li>
                            <li class="step2 clearfix">
                                <p class="one">
                                    <input type="checkbox">
                                    <span>二级部门</span>
                                </p>
                                <p class="two">

                                </p>
                                <p class="three">
                                    <a href="javascript:;"  class="removeMem">移除</a>
                                </p>
                            </li>

                        </ul>
                    </li>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                    </li>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                    </li>
                    <li class="step1 clearfix">
                        <p class="one">
                            <input type="checkbox">
                            <span>一级部门</span>
                        </p>
                        <p class="two">

                        </p>
                        <p class="three">
                            <a href="javascript:;"  class="removeMem">移除</a>
                        </p>
                    </li>
                </ul>
            <div class="pages" style="margin-bottom: 10px;">
                <span class="page-total">共<b>70</b>条记录&nbsp;&nbsp;&nbsp;第<b class="curPage">1</b>页&nbsp;&nbsp;&nbsp;共7页</span>
                <a href="#" class="prev">首页</a>
                <a href="#" class="prev">上一页</a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">6</a>
                <a href="#">7</a>
                <a href="#" class="next">下一页</a>
                <a href="#" class="next">末页</a>
                <span class="extra">跳到第<input type="text" class="itext" />页</span>
                <a href="javascrip:;" class="page-btn">确定</a>
            </div>
        </div>
    </div>

</div>
</div>
<div id="footer">
    Copyright © 1995 - 2014 SXIT. All Rights Reserved. 万达集团 版权所有
</div>
<!--选择用户-->
<div class="popbox w560" id="addUser" >
    <div class="popbox-hd">
        <h2>选择用户</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd clearfix">
        <div class="clearfix" style="position: relative;padding: 10px 0">
            <div class="left_info">
                <p class="center">组织框架</p>
                <div class="zTreeDemoBackground" style="border: 1px solid #ccc;height: 400px;overflow: auto;">
                    <form action="" method="" style="text-align: center">
                        <div id="searchName" style="width: 196px;border-radius: 0">
                            <button type="submit" class="searchName"></button>
                            <input type="text" value="输入姓名、账号、拼音等进行搜索" class="gray" style="width: 118px;">
                            <span class="removeSearch"></span>
                        </div>
                    </form>
                    <ul id="treeDemo" class="ztree">
                    </ul>
                </div>
            </div>
            <div class="removeBtn">
                <button class="btn gray-btn">新增<i class="na"></i></button>
                <button class="btn gray-btn"><i class="re"></i>移除</button>
            </div>
            <div class="right_info">
                <p class="center">已选择部门或成员</p>
                <div class="zTreeDemoBackground" style="border: 1px solid #ccc;height: 400px;overflow: auto;">
                    <ul id="treeDemo1" class="ztree">
                    </ul>
                </div>

            </div>
        </div>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>

<!--导出虚拟组-->
<div class="popbox w540" id="exportVirtual" >
    <div class="popbox-hd">
        <h2>导出虚拟组</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd clearfix">
        <p><label>导出指定虚拟组：</label><input type="checkbox">虚拟组1</p>
        <p><label></label><input type="checkbox">虚拟组2</p>
        <p><label></label><input type="checkbox">虚拟组3</p>
        <p><label></label><input type="checkbox">虚拟组4</p>
        <p><input type="checkbox"> 导出所有虚拟组</p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<!--重命名-->
<div class="popbox w540" id="reName" >
    <div class="popbox-hd">
        <h2>编辑修改虚拟组</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd clearfix">
        <p><label>虚拟组名称：</label><input type="text" class="itext" value="虚拟组1"></p>
        <p><label>虚拟组描述：</label><input type="text" class="itext" value="1111"></p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<!--警告-->
<div class="popbox w300" id="warning" >
    <div class="popbox-hd">
        <h2>警告</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd">
        <p class="center"></p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<!--加群确定-->
<div class="popbox w300" id="list2A" >
    <div class="popbox-hd">
        <h2>加群确定</h2>
        <a href="javascript:;" title="关闭" class="closePopBtn"></a>
    </div>
    <div class="popbox-bd">
        <p class="center"><input type="text" value="请输入代理人账号或姓名" class="itext gray" style="width: 200px"></p>
    </div>
    <div class="popbox-ft">
        <a href="javascript:;" class="btn blue-btn">确定</a><a href="javascript:;" class="btn gray-btn cancelBtn">取消</a>
    </div>
</div>
<script src="../../js/lib/jquery-1.8.0.min.js"></script>
<script src="../../js/lib/jquery.ztree.core-3.1.min.js"></script>
<script src="../../js/lib/jquery.ztree.excheck-3.1.min.js"></script>
<script src="../../js/lib/jquery.ztree.exedit-3.1.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/lib/jquery-ui.js"></script>
<script src="../../js/userConfigurationData/virtualGroup.js"></script>
<script src="../../js/lib/ztree.js"></script>


</body>
</html>